﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>si.banner</title>
    <style>
        .banner {
            width: 100%;
            height: 400px;
        }
    </style>
</head>
<body>
    <div id="banner" class="banner"></div>

    <link rel="import" href="../si.base/package/si.base.html" />
    <link rel="import" href="../si.common/package/si.common.html" />
    <!-- 这里应用了si.video插件，具体是否引用视具体情况而定 -->
    <link rel="import" href="../si.video/package/si.video.html" />
    <link rel="import" href="../si.banner/package/si.banner.html" />
    <script>
        $(document).ready(function () {
            var option = { resArray: new Array(), interval: void 0 };
            option.resArray.push({ path: "./res/video1.mp4" });
            option.resArray.push({ path: "./res/image1.jpg" });
            option.resArray.push({ path: "./res/image2.jpg", direction: "longitudinal" });
            option.resArray.push({ path: "./res/image3.jpg", direction: "transverse" });
            $("#banner").siBanner(option);
            //setTimeout(function () {
            //    var resArray = new Array();
            //    resArray.push({ path: "./res/image1.jpg" });
            //    resArray.push({ path: "./res/image2.jpg", direction: "longitudinal" });
            //    resArray.push({ path: "./res/video1.mp4" });
            //    resArray.push({ path: "./res/image3.jpg", direction: "transverse" });
            //    $("#banner").siBanner("setRes", resArray);
            //}, 3000);
        });
    </script>
</body>
</html>